
<template>
    <div class="map">
        <el-form-item label="坐标" prop="typesetting">
            <el-input v-model="localName" class="mapIcon"></el-input>
            <i class="el-icon-map-location icon"></i>
        </el-form-item>
        <Map ref="map" @updateLocation="updateLocation" />
    </div>
</template>
     
<script>
import Map from '@/components/common_comp/xmap.vue'
export default {
    name: '',
    props: {
    },
    components: {
        Map
    },
    data() {
        return {
            localName:''
        }
    },
    mounted() {

    },
    methods: {
        updateLocation(Addr) {
            this.localName = Addr.orgAddr
        }
    },
}
</script>
     
<style scoped lang='scss'>
.mapIcon{
    position: relative;
}
.icon{
    position: absolute;
    top: 10px;
    right: 10px;
}
</style>